<template>
	<div class="person">
		<h1>我是Person组件</h1>
		<h4>{{ming}}</h4>
		<h4>{{msg}}</h4>
		<!-- <h4>{{a}}</h4> -->
		<!-- <h4 :x="a">尚硅谷</h4> -->
		<h4>{{b}}</h4>
	</div>
</template>

<script>
	export default {
		name:'Person',
		//第一种接收方式：单纯的接收
		props:['ming'],
		data() { //data函数只执行一次
			return {
				// ming:'张三'//data中ming，props还接到了一个名，就会报错！
				msg:'你好啊！'
			}
		},
		computed: {
			a(){
				console.log('a这个计算属性，开始计算了')
				return 100 
			},
			b(){
				console.log('b这个计算属性，开始计算了')
				return this.a + 1
			},
		}
	}
</script>

<style scoped>
	.person{
		background-color: orange;
		padding: 20px;
	}
</style>